$(function () {

    //调用获取用户信息的方法
    getUserInfo()

    //为退出按钮绑定点击事件
    $('.logeout').on('click', function () {
        //询问用户是否退出登录
        layer.confirm('确认退出登录吗?', { icon: 3, title: '提示' }, function (index) {
            //do something
            //1,要清空token
            localStorage.clear()
            //2,返回登录页
            location.href = 'login.html'
            //调用layer.close 关闭指定的弹出层
            layer.close(index)
        })
    })
})
//封装获取用户信息的方法
function getUserInfo() {
    $.ajax({
        type: 'GET',
        url: '/my/userinfo',
        success: function (res) {
            //动态的获取用户的文本头像字符
            if (!res.data) return
            const name = (res.data.nickname || res.data.username)[0].toUpperCase()
            //动态获取用户挂载自定义属性
            res.data.textAvatar = name
            if (res.status === 0) {
                // 获取数据成功
                // 渲染用户信息
                const htmlStr1 = template('tmpl-header', res)
                $('#header-avatar').html(htmlStr1)
                const htmlStr2 = template('tmpl-side', res)
                $('.user-info-box').html(htmlStr2)
                //
                layui.element.render('nav', 'header-nav')
            } else {
                //获取数据失败
                layer.msg('获取用户信息失败!')
            }
        }
    })
}